import Vue from 'vue'
import 'amfe-flexible'

import App from './App.vue'
import router from './router'
import store from './store'
import './directive'

import {
  NavBar, Form, Field, Button, Cell,
  Tabbar, TabbarItem, Icon, Tabs, Tab,
  List, PullRefresh, ActionSheet, Dialog,
  Popup, Row, Col, Badge, Search, Divider
} from 'vant'

import ArticleItem from './components/item.vue'

Vue.use(Badge)
Vue.use(Divider)
Vue.use(Search)
Vue.use(Row)
Vue.use(Col)
Vue.use(Popup)
Vue.use(NavBar)
Vue.use(Form)
Vue.use(Field)
Vue.use(Button)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Icon)
Vue.use(Tabs)
Vue.use(Tab)
Vue.use(Cell)
Vue.use(List)
Vue.use(PullRefresh)
Vue.use(ActionSheet)
Vue.use(Dialog)

Vue.config.productionTip = false
Vue.component('ArticleItem', ArticleItem)
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
